<template>
	<body>
		<div class="loan_nav">
			<ul>
				<li><a href="javascript:history.go(-1)"><i class="iconfont">&#xe61e;</i></a></li>
				<li><p>联系客服</p></li>
				<li></li>
			</ul>
		</div>
		<div class="interval_T">
			
		</div>
		<div class="Refresh">
			<p>下拉查看历史记录</p>
		</div>
		<div class="Chat_interface"> 
			<div class="service">
				<ul>
					<li>
						<div class="service_head"><img src="@/assets/img/bc22aa0e290fd3c62c8a9d01354e2d96.png" width="100%" /></div>
					</li>
					<li>
						<div class="service_text">
							<p>您好，我是客服xx，请输入您的问题，客服xx会竭诚为您服务~</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="user">
				<ul>
					<li>
						<div class="user_text">
							<p>我对这些协议有些疑问，怎么修改？</p>
						</div>
					</li>
					<li>
						<div class="user_head"><img src="@/assets/img/bc22aa0e290fd3c62c8a9d01354e2d96.png" width="100%" /></div>
					</li>
				</ul>
			</div>
			<div class="service">
				<ul>
					<li>
						<div class="service_head"><img src="@/assets/img/bc22aa0e290fd3c62c8a9d01354e2d96.png" width="100%" /></div>
					</li>
					<li>
						<div class="service_text">
							<p>您好，我是客服xx，请输入您的问题，客服xx会竭诚为您服务~</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="service">
				<ul>
					<li>
						<div class="service_head"><img src="@/assets/img/bc22aa0e290fd3c62c8a9d01354e2d96.png" width="100%" /></div>
					</li>
					<li>
						<div class="service_text">
							<p>您好，我是客服xx，请输入您的问题，客服xx会竭诚为您服务~</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="user">
				<ul>
					<li style="flex: 1;"></li>
					<li>
						<div class="user_text">
							<p>我对这些协议有些疑问，怎么修改？</p>
						</div>
					</li>
					<li>
						<div class="user_head"><img src="@/assets/img/bc22aa0e290fd3c62c8a9d01354e2d96.png" width="100%" /></div>
					</li>
				</ul>
			</div>
			<div class="user">
				<ul>
					<li style="flex: 1;"></li>
					<li>
						<div class="user_text">
							<p>我对这些协议有些疑问，怎么修改？</p>
						</div>
					</li>
					<li>
						<div class="user_head"><img src="@/assets/img/bc22aa0e290fd3c62c8a9d01354e2d96.png" width="100%" /></div>
					</li>
				</ul>
			</div>
		</div>
		<div style="height: 1.5rem;"></div>
		<div class="chat">
			<ul>
				<li>
					<div>
						<i class="iconfont">&#xe7bf;</i>
						<input type="text"  placeholder="请输入问题"/>
					</div>
				</li>
				<li><i class="iconfont">&#xe7bf;</i></li>
				<li><i class="iconfont">&#xe7bf;</i></li>
			</ul>
		</div>
	</body>
</template>

<script>
</script>

<style>
</style>